
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

.empty{
	.px2rem(padding-top,90);
}

.headbar{
	.px2rem(height,80);
	background: #42b8f4;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	img{
		width: 6%;
		.px2rem(margin-right,10);
	}
}

.content{
	background: #fff;
	.px2rem(padding,20);
	.px2rem(padding-top,10);
	.title{
		.px2rem(line-height,80);
	}
	input{
		width: 100%;
		border: 1px solid #d8d9da;
		border-radius: 6px;
		.px2rem(height,70);
		box-sizing: border-box;
		color: #a9a9a9;
		.px2rem(padding-left,20);
		.px2rem(margin-bottom,20);
	}
	input::placeholder,textarea::placeholder{
		color: #a9a9a9;
	}
	textarea{
		width: 100%;
		border: 1px solid #d8d9da;
		border-radius: 6px;
		.px2rem(height,270);
		box-sizing: border-box;
		color: #a9a9a9;
		.px2rem(padding,20);
		.px2rem(margin-bottom,20);
	}
	.liuyan{
		.px2rem(line-height,80);
		text-align: right;
		span{
			.px2rem(padding-top,15);
			.px2rem(padding-bottom,15);
			.px2rem(padding-left,60);
			.px2rem(padding-right,60);
			background: #42b8f4;
			color: #fff;
			border-radius: 5px;
		}
	}
}